<template>
	<a-card :bordered="false">
		<!-- 查询区域 -->
		<search :config="searchConfig" @search="search" @getHeight="getHeight" />
		<div class="table-operator">
			<a-button type='primary' @click='handleBusiness'>日志</a-button>
			<a-button type='primary'>打印</a-button>
			<a-button type='primary'>打印预览</a-button>
		</div>
		<div class="tab-state">
			<h2>思念食品有限公司应收款账对账单</h2>
			<table border="1">
				<tr>
					<td class="tab-td">公司</td>
					<td colspan="3"></td>
					<td>对月账单</td>
					<td>2022年4月</td>
					<td></td>
				</tr>
				<tr>
					<td rowspan="2" class="tab-td">日期</td>
					<td rowspan="2">摘要</td>
					<td rowspan="2">发货数量</td>
					<td>本期应收</td>
					<td>本期收款</td>
					<td>期末余额</td>
					<td rowspan="2">订单号</td>
				</tr>
				<tr>
					<td>原币</td>
					<td>原币</td>
					<td>原币</td>
				</tr>
				<tr>
					<td class="tab-td"></td>
					<td>项目明细</td>
					<td>数量</td>
					<td>金额</td>
					<td colspan="3">备注</td>
				</tr>
			</table>
			<div class="state-sp">
				<span>说明:</span> <br>
				请您对上表中本月交易来往事项及“期末余额”进行核对，若由于以上信息不符的事项及金额，请在下表中列示，列示时需事项清晰且金额明确；若无差异事项，请在下表“事项”中标明“无” 。
			</div>

			<h2>往来未结事项</h2>
			<table border="1" class="state-tab2">
				<tr class="state-tab2-tr">
			 	<th>所属时间段</th>
			  <th class="state-td2">事项</th>
					<th>金额</th>
				</tr>
				<tr v-for="item,index in 8">
					<td></td>
					<td class="state-td2"></td>
					<td></td>
				</tr>
			</table>
			<div class="state-but">

				<h2>
					经销商声明：
				</h2>

				<div class="state-sp2">
					除以上提报的未结算项外，截止当前，本单位（人）与思念公司所有往来均以核清。今后除上述事项外，其他所有事项本单位一律均不在主张，不因思念公司销售单位负责人变动而对以上提报未结事项外提出异议，特此声明！
				</div>
				<div>
					<span class="state-butsp">
						区域/城市负责人签名：
					</span>
					<span class="state-butsp">
						核对单位（人）签名：
					</span>
				</div>
				<br>
				<div>
					<span class="state-butsp">
						区域/城市负责人电话：
					</span>
					<span class="state-butsp">
						核对单位（人）电话：
					</span>
				</div>
				<br>
				<div>
					经销商签章：
				</div>
				<h2>重要提醒：</h2>

				<p>1、经销商变更公章、法定代表人、公司名称、公司股东或本结构、公司地址、财务信息、收货地址等，均应在发声前30内书面通知我司，变更完成后10日内将相关资料提供我司，如信息备案不及时造成的损失由经销商自行承担。
				</p>

				<p>2、经销商<span class="state-butsp3">每月6号之后</span> 通过思念综合业务系统对上月交易往来进行核对，请经销商自行打印对账单，并于5日内确定完毕。如有费用、销售等往来差异可在打印出的纸质对账单下方<span class="state-butsp3">往来未结事项</span>上列示清晰，如未披露，后期再申诉差异事项的，我公司均不予支持。<span class="state-butsp3">次月10日</span>前未收到对账单的即视为经销商对双方往来结果的金额的认可，并作为双方的最终账务依据。
				</p>
				<p>
					3、请经销商再<span class="state-butsp3">每月20号</span>之前签字盖章后的对账单，邮寄至郑州思念结算管理部。签字盖章需和经销商预留印鉴相一致，否则视同不合格。则需重新提供对账单。
				</p>


				<p>4、代配送商要严格按照公司的价格管理要求，管控卖场的价格。代配送再接到卖场订单后，发现某单品价格异常的，不得送货，若代配送商依然送货的，配送订单的所有成本和费用均不予冲报，由此造成我公司损失的，还应当按照我公司规定承担赔偿和违约责任。望代配送商配合执行！
				</p>

				<p>
				公司地址：河南省郑州市惠济区英才街15号，郑州思念食品有限公司结算管理部 邮编：45008 马飞（收）
				</p>
				<p>
				电话： 03221-10029384838 联系人：马飞
				</p>
			</div>
		</div>

	</a-card>

</template>

<script>
	import ordermgtModal from './TerminalOrderModal/ordermgtModal.vue'
	import {
		PageListMixin
	} from '@/mixins/PageListMixin'
	import {
		getAction,
		postAction
	} from '@api/manage'
	import Vue from 'vue'
	export default {
		name: 'userorgerl',
		mixins: [PageListMixin],
		components: {
			ordermgtModal
		},
		data() {
			return {
				selectedRowKeys: [],
				description: '用户组织关系',
				searchConfig: [{
						// label:'区域编号',
						type: 'input',
						name: '',
						placeholder: ' 公司代码'
					},
					{
						type: 'date',
						name: 'loginTime',
						placeholder: '对账单日期',
					}
				],
				columns: [],
				//列设置
				settingColumns: [{

				}],
				columns: [{
						type: 'checkbox',
						width: 60,
						fixed: 'left'
					},
					{
						title: '订单编号',
						align: 'left',
						field: '',
						minWidth: 80,
					},
					{
						title: '订单类型',
						align: 'left',
						field: '',
						minWidth: 80,
					},
					{
						title: '经销商编号',
						align: 'left',
						field: '',
						minWidth: 80,
					},
					{
						title: '经销商名称',
						align: 'left',
						field: '',
						minWidth: 80,
					}, {
						title: '所属组织',
						align: 'left',
						field: '',
						minWidth: 80,
					},
					{
						title: '订单数量',
						align: 'left',
						field: '',
						minWidth: 80,
					}, {
						title: '验收数量',
						align: 'left',
						field: '',
						minWidth: 80,
					}, {
						title: '订单金额',
						align: 'left',
						field: '',
						minWidth: 80,
					},
					{
						title: '验收金额',
						align: 'left',
						minWidth: 80,
						field: ''
					},
					{
						title: '代配送商编号',
						align: 'left',
						minWidth: 80,
						field: ''
					},
					{
						title: '订单状态',
						align: 'left',
						minWidth: 80,
						field: ''
					},
					{
						title: '操作',
						align: 'left',
						minWidth: 80,
						field: ''
					}
				],
				url: {
					list: window._CONFIG['domianURL'] + '',
					// detail: window._CONFIG['domianURL'] + '/userorgrelation/cnUserOrgRelation/saveOrUpdate',
					edit: window._CONFIG['domianURL'] + '/mdsProduct/saveOrUpdateEntity',
					deleteBatch: '/userorgrelation/cnUserOrgRelation/deleteBatch',
					delete: window._CONFIG['domianURL'] + '/userorgrelation/cnUserOrgRelation/delete',
					exportXlsUrl: window._CONFIG['domianTpmURL'] + 'budget/tpmBudgetFee/exportXls'
				}
			}
		},
	}
</script>

<style>
	td {
		width: 160px;
		height: 40px;
		text-align: center;
		line-height: 40px;
	}

	.tab-td {
		width: 100px;
	}

	.tab-state {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.state-sp {
		margin-top: 50px;
		margin-bottom: 50px;
		color: red;
		width: 1060px;
		height: 50px;
	}

	.state-tr2 {
		width: 1060px;
	}

	.state-tab2 th {
		height: 40px;
		text-align: center;
		line-height: 40px;
	}

	.state-td2 {
		width: 70%;
	}

	.state-tab2-tr {
		background-color: #a5a5a5;
	}

	.state-but {
		width: 1060px;
	}

	.state-butsp {
		width: 200px;
		margin-right: 200px;

	}

	.state-but div {
		margin-bottom: 80px;
	}
	.state-butsp3{
		color: red;
	}
</style>
